<template>
  <div>
    <a-list :grid="{ gutter: 16, column: 4 }" :data-source="list">
      <a-list-item slot="renderItem" slot-scope="item" @click="goPush">
        <a-card hoverable>
          <img slot="cover" alt="example" :src="item.img" height="170" />
          <a-card-meta :title="item.title" />
        </a-card>
      </a-list-item>
    </a-list>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        { title: '案件分析报告', img: require('@/assets/baogao1.png') }
      ]
    }
  },
  created() {},
  async mounted() {},
  methods: {
    goPush() {
      this.$router.push('/case/report/list')
    }
  }
}
</script>
<style lang="less" scoped>
/deep/.ant-card-cover {
  padding: 15px 0;
  > * {
    width: auto;
    margin: 0 auto;
  }
}
/deep/.ant-card-body {
  border-top: 1px solid #e8e8e8;
}
</style>
